<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv=Content-Type content="text/html; charset=utf-8">
  <meta http-equiv=X-UA-Compatible content="IE=edge">
  <meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0">
  <meta name=apple-mobile-web-app-capable content=yes>
  <meta name=apple-mobile-web-app-status-bar-style content=black>
  <meta name=format-detection content="telephone=no">
  <meta http-equiv=X-UA-Compatible content="chrome=1">
  <meta name=renderer content=webkit>
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <title>浙江省公共数据报告</title>
  <!-- Link Swiper's CSS -->
  <link rel="stylesheet" href="../public/echarts.css">
  <link href="../public/iconfont.css" rel="stylesheet">
  <link rel="stylesheet" href="../public/element/index.css">
  <link rel="stylesheet" href="../public/mint-style.css">
  <link rel="stylesheet" href="hz.css">
</head>
<body>
  <!-- Swiper -->
    <div id="app" v-cloak>
        <mt-header fixed title="目录" style="font-size:18px">
            <a href="hz.html" slot="left">
                <mt-button icon="back"></mt-button>
            </a>
        </mt-header>
        <div class="main">
            <div class="contain" style="overflow: hidden;">
                <mt-navbar v-model="tabSelected">
                    <mt-tab-item id="1">重点领域目录</mt-tab-item>
                    <mt-tab-item id="2">省级目录</mt-tab-item>
                    <mt-tab-item id="3">地市目录</mt-tab-item>
                    <mt-tab-item id="4">基础库目录</mt-tab-item>
                </mt-navbar>
                <div style="height:calc(100% - 46px);overflow: scroll">
                    <div class="catalogIcon">
                        <el-row :gutter="20">
                            <el-col :span="8" >
                                <div class="iconSpan">
                                    <i class="iconfont iconbum"></i>
                                    <span>信用服务</span>
                                </div>
                            </el-col>
                            <el-col :span="8">
                                <div class="iconSpan">
                                    <i class="iconfont iconbum"></i>
                                    <span>医疗卫生</span>
                                </div>
                            </el-col>
                            <el-col :span="8">
                                <div class="iconSpan">
                                    <i class="iconfont iconbum"></i>
                                    <span>社保就业</span>
                                </div>
                            </el-col>
                        </el-row>
                        <el-row :gutter="20" style="margin-top:18px;">
                                <el-col :span="8" >
                                    <div class="iconSpan">
                                        <i class="iconfont iconbum"></i>
                                        <span>公共安全</span>
                                    </div>
                                </el-col>
                                <el-col :span="8">
                                    <div class="iconSpan">
                                        <i class="iconfont iconbum"></i>
                                        <span>城建住房</span>
                                    </div>
                                </el-col>
                                <el-col :span="8">
                                    <div class="iconSpan">
                                        <i class="iconfont iconbum"></i>
                                        <span>交通运输</span>
                                    </div>
                                </el-col>
                        </el-row>
                    </div>
                    <div style="padding:10px 20px;background-color: white;margin-top:8px;">
                        <span class="title">数字化转型</span>
                        <div style="margin-top: 10px;display:flex;border-bottom: 1px solid rgb(230, 230, 230);padding-bottom: 15px;">
                           <span style="width:60%;margin-right:10%;color:black" class="ellipsis"><span class="index">1</span>"一证通办"人口数据申请</span>
                           <span style="width:30%;font-size:12px;line-height:20px;" class="ellipsis"><span style="margin-right:5px;">张琛</span>2019-03-01</span>
                        </div>
                        <div style="margin-top: 10px;display:flex;border-bottom: 1px solid rgb(230, 230, 230);padding-bottom: 15px;">
                            <span style="width:60%;margin-right:10%;color:black" class="ellipsis"><span class="index">1</span>"一证通办"人口数据申请</span>
                            <span style="width:30%;font-size:12px;line-height:20px;" class="ellipsis"><span style="margin-right:5px;">张琛</span>2019-03-01</span>
                        </div>
                        <div style="margin-top: 10px;display:flex;border-bottom: 1px solid rgb(230, 230, 230);padding-bottom: 15px;">
                            <span style="width:60%;margin-right:10%;color:black" class="ellipsis"><span class="index">1</span>"一证通办"人口数据申请</span>
                            <span style="width:30%;font-size:12px;line-height:20px;" class="ellipsis"><span style="margin-right:5px;">张琛</span>2019-03-01</span>
                        </div>
                        <div style="margin-top: 10px;display:flex;border-bottom: 1px solid rgb(230, 230, 230);padding-bottom: 15px;">
                            <span style="width:60%;margin-right:10%;color:black" class="ellipsis"><span class="index">1</span>"一证通办"人口数据申请</span>
                            <span style="width:30%;font-size:12px;line-height:20px;" class="ellipsis"><span style="margin-right:5px;">张琛</span>2019-03-01</span>
                        </div>
                        <div style="margin-top: 10px;display:flex;border-bottom: 1px solid rgb(230, 230, 230);padding-bottom: 15px;">
                            <span style="width:60%;margin-right:10%;color:black" class="ellipsis"><span class="index">1</span>"一证通办"人口数据申请</span>
                            <span style="width:30%;font-size:12px;line-height:20px;" class="ellipsis"><span style="margin-right:5px;">张琛</span>2019-03-01</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <mt-tabbar v-model="selected">
            <mt-tab-item id="tab1">
              <i slot="icon" class="iconfont iconshouye" @click="changeUrl('hz.html')"></i>
              <span @click="changeUrl('hz.html')">首页</span>
            </mt-tab-item>
            <mt-tab-item id="tab2">
              <i slot="icon" class="iconfont iconxiaoxi4"></i>
              消息
            </mt-tab-item>
            <mt-tab-item id="tab3">
              <i slot="icon" class="iconfont iconkefu"></i>
              客服
            </mt-tab-item>
            <mt-tab-item id="tab4">
              <i slot="icon" class="iconfont iconrenshu" @click="changeUrl('my.html')"></i>
              <span @click="changeUrl('my.html')">我的</span>
            </mt-tab-item>
        </mt-tabbar>
    </div>

  <!-- Swiper JS -->
  <script src="../public/vue.js"></script>
  <script src="../public/echarts.js"></script>
  <script src="../public/element/index.js"></script>
  <script src="../public/mint.js"></script>
  <script src="../public/sass.js"></script>
  <script src="hz.js"></script>

</body>

</html>
